<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="vdab" uri="http://vdab.be/tags" %>
<c:set var="contextPath" value="${pageContext.servletContext.contextPath }"/>
<!doctype html>
<html>
<head>
	<title>Cultuurhuis - startpagina</title>
	<link rel="stylesheet" href="${contextPath}/styles/default.css"/>
</head>

<header>
	<div>
		<h1>Het Cultuurhuis: voorstellingen</h1>
		<img alt="Logo" src="${pageContext.servletContext.contextPath}/images/voorstellingen.png">
	</div>
	<div>
		<c:import url="/WEB-INF/JSP/menu.jsp" />
	</div>	
</header>

<body>
	<h2>Genres</h2>
	<vdab:genres/>
	
	<c:if test="${not empty voorstellingen }">
		<h2>${naam } voorstellingen</h2>
		<table>
			<tr>
				<th>Datum</th>
				<th>Titel</th>
				<th>Uitvoerders</th>
				<th>Prijs</th>
				<th>Vrije plaatsen</th>
				<th>Reserveren</th>
			</tr>
			<c:forEach var="voorstelling" items="${voorstellingen }" varStatus="status">
				<tr class="${status.count % 2 == 0 ? 'even':'oneven'}">
					<td>${voorstelling.datum }</td>
					<td>${voorstelling.titel }</td>
					<td>${voorstelling.uitvoerders }</td>
					<td>&euro;${voorstelling.prijs }</td>
					<td align="right">${voorstelling.vrijePlaatsen }</td>
					<c:choose>
						<c:when test="${voorstelling.vrijePlaatsen > 0 }">
							<td>
								<c:url value="/reserveren.htm" var="reserverenURL">
									<c:param name="voorstellingsNr" value="${voorstelling.voorstellingsNr }"></c:param>
								</c:url>
								<a href="${reserverenURL }">Reserveren </a>
							</td>
						</c:when>
						<c:otherwise>
							<td></td>
						</c:otherwise>
					</c:choose>
					
					
    			</tr>
			</c:forEach>
		</table>
	</c:if>
	
	
</body>
</html>